import React, { Component } from "react";
import PatientProfileComponent from "../Components/PatientProfileComponent";
import TabBar from "../Navigation/Profile_TabBar";

export class PatientProfile extends Component {
  render() {
    const { navigation } = this.props;
    const data = navigation.getParam("item");
    return (
      <React.Fragment>
        <PatientProfileComponent data={data} />
        <TabBar
          screenProps={{
            type: data.LOC === "OPD" ? "opd" : "ipd",
            refNo: data.LOC === "OPD" ? data.REGNO : data.IPDNO,
            navigation: this.props.navigation,
            patientData: data
          }}
        />
      </React.Fragment>
    );
  }
}

<<<<<<< HEAD
=======
const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  profileWrapper: {
    backgroundColor: colors.primaryColor,
    margin: 10,
    borderRadius: 10,
    padding: 10,
    flexDirection: "row",
    height: hp("26%"), //22
    marginBottom: 10,
    overflow: "hidden"
  },
  imgContainer: {
    justifyContent: "center"
  },
  img: {
    width: 50,
    height: 50
  },
  infoWrapper: {
    justifyContent: "center",
    flex: 1
  },
  nameSection: {
    flexDirection: "row",
    padding: 4,
    marginHorizontal: 10
  },
  title: {
    color: colors.whiteColor,
    fontSize: setFontSize("2.2", "1.9"), //2.2 //1.9
    marginHorizontal: 8
  },
  subtitle: {
    fontSize: setFontSize("2.1", "1.8"), //2.1 //1.8
    color: colors.lightGrey
  }
});

>>>>>>> 503b0544130247b48d86f53bc47ed722f01e5c05
export default PatientProfile;
